<section>
  <div class="list-bg">
    <div class="list-head-bg" *ngIf="tagData.data.headDiv?.content">
      <p class="title-bg">
         
        <span class="title"><img class="recommend-icon" src="assets/icon/{{tagData.data.headDiv?.content?.firstRowLeft?.icon}}"  alt="">{{tagData.data.headDiv?.content?.firstRowLeft?.title}}</span>
        <span class="total-message">{{tagData.data.headDiv?.content?.firstRowRight?.label}}</span>
      </p>
      
      <div class="head-left">
        
        <p class="total-bg"><span class="total-num">{{tagData.data.headDiv?.content?.secondRowLeft?.firstText}}</span><span class="total-uint">{{tagData.data.headDiv?.content?.secondRowLeft?.secondText}}</span></p>
        <p class="total-title">{{tagData.data.headDiv?.content?.thirdRowLeft?.firstText}}</p>
        
      </div>
      <div class="head-right">
        
        <p class="total-bg"><span class="total-num">{{tagData.data.headDiv?.content?.secondRowRight?.firstText}}</span><span class="total-uint">{{tagData.data.headDiv?.content?.secondRowRight?.secondText}}</span></p>
        <p class="total-title">{{tagData.data.headDiv?.content?.thirdRowRight?.firstText}}</p>
      </div>
    </div>
    <div class="item-bg" *ngFor="let item of tagData.data.data" appDebounceClick (debounceClick)="onClick(item.link)">
      <p class="item-title">{{item.headRowLeft?.title?.label}}</p>
      <p class="item-content">{{item.secondRowLeft?.firstText.label}}<span [ngStyle]="item.secondRowLeft?.secondText?.cssStyle | styleFilter" class="num">{{item.secondRowLeft?.secondText?.label}}</span>{{item.secondRowLeft?.thirdText?.label}}</p>
    </div>
    <div class="more-btn" appDebounceClick (debounceClick)="moreClick(tagData.data.moreButton.link)">
      查看更多
    </div>
  </div>
</section>